<template>
	<view class="uni-padding-wrap">
		<view class="myform">
            <view class="uni-form-item">
                <view class="uni-list-cell-left">
                    国家/地区
                </view>
                <view class="uni-list-cell-db">
                    <picker @change="bindPickerChange" :value="index" :range="array">
                        <view class="uni-input">{{array[index]}}</view>
                    </picker>
                </view>
            </view>
			<view class="uni-form-item uni-row">
                <view class="title">手机号</view>
                <input class="uni-input" focus placeholder="请输入用户手机号" />
				<text href="javascript:;" class="mygetcode">获取验证码</text>
            </view>
			<view class="uni-form-item uni-row">
			    <view class="title">验证码</view>
			    <input class="uni-input" focus placeholder="请输入用户验证码" />
			</view>
			<view class="uni-form-item uni-row">
			    <view class="title">密码</view>
			    <input class="uni-input" focus placeholder="请输入用户密码" />
			</view>
			<view class="uni-form-item uni-row">
			    <view class="title">确认密码</view>
			    <input class="uni-input" focus placeholder="请输入确认密码" />
			</view>
			<view class="mybtn"><button type="warn">注册</button></view>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				array: ['中国', '美国', '巴西', '日本'],
				index: 0,
			};
		},
		onShow() {
			//uni.setNavigationBarTitle({
			//	title:"用户注册"
			//})
			//uni.setNavigationBarColor({
			//	backgroundColor:"#0A98D5",
			//	frontColor:"#ffffff"
			//})
		},
		methods:{
			bindPickerChange:function(e){
				this.index = e.target.value;
			}
		}
	}
</script>

<style lang="scss">
	.myform{
		.uni-form-item{
			border-bottom: 1px solid #DDD;
			.uni-list-cell-left{
				line-height: 76upx;
			}
			.mygetcode{
				color: darkgreen;
				line-height: 76upx;
				cursor: pointer;
			}
		}
		.mybtn{
			width: 612upx;
			margin: 0 auto;
			margin-top: 80upx;
			button{
				font-size:36upx;
				height: 96upx;
				background-color: #3399FF;
			}
		}
	}
</style>
